<template>
  <div>
    <el-collapse v-model="activeName"
                 accordion>
      <el-collapse-item v-for="item in activeList"
                        :key="item.name"
                        :title="item.title"
                        :name="item.name">
        <div v-html="item.text"></div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  name: 'PS_XD',
  data() {
    return {
      activeName: '1',
      activeList: [
        {
          title: '关于付款',
          name: 1,
          text:
            '预付定金100元，拍摄当日结清尾款'
        },
        {
          title: '关于订单有效期',
          name: 2,
          text:
            '订单有效期为一年'
        },
        {
          title: '关于景区门票',
          name: 3,
          text:
            '不包括景区门票钱，需自费'
        },
        {
          title: '关于档期',
          name: 4,
          text:
            '如客户临时有事，需提前一个星期与我们联系，不联系的不退定金，若客观不可抗拒因素导致不能拍摄，需双方共同商量重新安排拍摄时间，拍摄有效期为一年'
        },
        {
          title: '关于交通',
          name: 5,
          text:
            '自己过来即可'
        },
        {
          title: '选片方式',
          name: 6,
          text:
            '拍摄完成后，可自行选片，需联系客服商量选片时间'
        },
        {
          title: '相片提供',
          name: 7,
          text:
            '原片50张，精修片20张，只提供电子版'
        },
        {
          title: '取片时间',
          name: 8,
          text:
            '拍摄完成后5-8周内邮件发送'
        },
        {
          title: '客户保障',
          name: 9,
          text:
            `1.如果对我们的拍摄不满意，请及时与客服联系，我们将为您重新修片，条件允许可为您重新拍摄<br>
             2.如果还是不满意，可以及时安排退款<br>
             3.梅比斯摄影工作室承诺在为客人服务期间，绝对不会产生二次收费和其他隐形消费<br>
             4.存在问题，及时沟通<br>
             4.如有疑问，请及时与工作人员询问<br>
            `
        }
      ]
    }
  }
}
</script>
<style lang="less" scoped>
/deep/ .el-collapse-item__header.is-active {
  color: #000000;
  font-size: 16px;
}
/deep/ .el-collapse-item__content {
  color: #909399;
  padding: 0 11px;
}
</style>
